<!DOCTYPE html>
<html>
<head>
	<title>Memlib</title>
	<script src="script/jq.js"></script>
	<script src="script/login_check.js"></script>
	<script src="script/scale-suit.js"></script>
    <script src="script/MemTool.js"></script>
	<script src="script/index.js"></script>
    <script src="script/intro.js"></script>
	<link rel="stylesheet" type="text/css" href="style/style.css">
	<link rel="stylesheet" type="text/css" href="style/animation.css">
	<link rel="stylesheet" type="text/css" href="style/index.css">

	<meta charset="utf-8">
    <script>
        $(function() {
            let allWords = getWordsLowerBy(100);
            let forgotWords = getWordsLowerBy(ForgetLine);
            let managedCount = allWords.size - forgotWords.size;
            $("#mem-red").css("height",forgotWords.size/allWords.size*400);
            $("#learned-word-count").html(allWords.size);
            $("#managed-word-count").html(managedCount);
            $("#help-intro").click(function (){
                intro();
            });
            //intro();
        });
    </script>
<body>
	<div id="main">
		<div id="mem-container" class="cardbase">
			<div id="mem-red" class="cardbase">已学习<p id="learned-word-count">666</p>个词<br />目前仍然掌握<p id="managed-word-count">600</p>个</div>
			<!-- <div id="mem-green" class="cardbase"></div> -->
		</div>
		<div id="welcome-card" class="cardbase">
			<p id="user-name"></p>同学
			<br />
			欢迎来到MemLib ~ ^_^
			<br />
			<div style="font-size: 30px;line-height: 40px;">上方红色部分的占比<br />代表你的遗忘情况<br/ ><p id="help-intro" style="color: #ad160e;user-select:none;">点我</p>将会弹出网站使用指南</div>
		</div>
		<div id="index-buttons-container" class="card-base"></div>
		<div id="learn-button" class="cardbase button">学习新词</div>
		<div id="review-button" class="cardbase button">复习旧词</div>
        <div id="manage-button" class="cardbase button">词库管理</div>
		<div id="learn-choose" class="choose-card">
			<div class="cardbase button" onclick="createPrivateList()">添加私有单词</div>
			<div class="line"></div>
			<div class="cardbase button">从公共单词表学习</div>
		</div>
		<div id="review-choose" class="choose-card">
			<div class="cardbase button">智能复习</div>
			<div class="line"></div>
			<div class="cardbase button">逐表复习</div>
		</div>
	</div>
</body>
</html>
